<template>
	<div class="round">
		<div class="photo" ref="photos">
			<!-- <img src="../../../images/psb4MTIILJZ.jpg" alt=""> -->
		</div>
	</div>
</template>

<script>
	export default {}
</script>

<style lang="scss">
	@function px2vw($px) {
		@return $px * 100/750 * 1vw;
	}
	.round {
		width: px2vw(602);
		height: px2vw(602);
		margin-left: auto;
		margin-right: auto;
		margin-top: px2vw(-140);
		background: url('../../../images/xiangkuang.png') no-repeat;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.photo {
		width: px2vw(338);
		height: px2vw(338);
		background: url(../../../images/photo_img_03.jpg) no-repeat;
		background-size: cover;
		position: relative;
		overflow: hidden;
		// text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		img{
			display: block;
			width: 99%;
		}
	}
</style>
